.App{
  background: #ECECEC;
  height: calc(100vh - 60px);
}
.juzhong{
  width: 430px + 368px + 286px;
  flex-direction: row;
  justify-content:space-between;
}
.left{
  img{
    width:368px;
    height:368px;
  }
}
.right{
  //margin-left: 143upx;
  overflow: hidden;
  .contain{
    position: relative;
    width:430px;
    height:422px;
    background:rgba(255,255,255,1);
    display: flex;
    justify-content: center;
    margin-top: 162px;
  }
  .item{
    margin-top: 16px;
    text-align: left;
    .gerentouxiang_o{
      font-size: 16px;
    }
    box-sizing: border-box;
    padding-left: 10px;
    &.logo{
      justify-content: flex-start;
      background: transparent;
      font-size:14px;
      font-family:Adobe Heiti Std;
      font-weight:normal;
      color:rgba(51,51,51,1);

    }
    &.btn{
      width:350px;
      height:42px;
      background:rgba(34,34,34,1);
      border-radius:10px;
      font-size:18px;
      font-family:Adobe Heiti Std;
      font-weight:normal;
      color:rgba(255,255,255,0.59);
    }
    input{
      background:rgba(246,246,246,1);
      text-align: left;
      flex: 1;
    }
    display: flex;
    align-items: center;
    width:350px;
    height:42px;
    justify-content: center;
    background:rgba(246,246,246,1);
  }
}
.footer{
  position: absolute;
  display: flex;
  right: 0;
  bottom: 40px;
  padding-right: 39px;
  .footer-item{
    &:nth-of-type(1){
      margin-right: 42px;
  }
    cursor:pointer;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
  }
}